<template>
  <div class="home">
    <div class="homee">
      <top-view />
      <sale-view />
      <bottom-view />
    </div>
  
  </div>
</template>

<script>
import TopView from './components/TopView/TopView.vue'
import SaleView from './components/middleView/SaleView.vue'
import BottomView from './components/BottomView/BottomView.vue'
export default {
  name: 'Dashboard',
  components:{
    TopView,
    SaleView,
    BottomView
  },
 
  mounted () {
    this.$store.dispatch("data/getReportData")
  }
}
</script>

<style lang="scss" scoped>
.home {
  background-color:#eee;
  height:100%;
  
  .homee{
    padding: 10px 10px;
    
  }
}
</style>
